@import "clearCss.css";
html {
  font-size: 13.888vw;
  background-color: #f8f8f8;
}
.top {
  background-color: #FFFFFF;
  width: 7.2rem;
  height: 0.96rem;
}
.top h2 {
  line-height: 0.96rem;
  text-align: center;
  color: #000000;
  font-size: 0.36rem;
}
.inform {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7.2rem;
  height: 1rem;
  background-color: #BC9A81;
  color: #FFFFFF;
  margin-bottom: 0.16rem;
}
.inform h2 {
  font-size: 0.28rem;
}
.inform p {
  font-size: 0.22rem;
}
.person {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 7.2rem;
  height: 1.2rem;
}
.person .name-number {
  display: flex;
  color: #222222;
}
.person .name-number .name {
  font-size: 0.26rem;
  font-weight: 600;
}
.person .name-number .number {
  font-size: 0.24rem;
  font-weight: 600;
}
.person h2 {
  margin-left: 0.3rem;
}
.person p {
  margin-left: 0.3rem;
  color: #666666;
  font-size: 0.22rem;
}
.order-form {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 7.2rem;
  height: 0.9rem;
  border-top: 0.01rem #f8f8f8 solid;
  border-bottom: 0.01rem #f8f8f8 solid;
}
.order-form .order {
  margin-left: 0.29rem;
  color: #222222;
  font-size: 0.24rem;
}
.order-form .date {
  margin-right: 0.29rem;
  color: #222222;
  font-size: 0.24rem;
}
.product {
  background-color: #fff;
  height: 1.8rem;
  border-bottom: 0.01rem #f8f8f8 solid;
}
.product .goods-specification {
  display: flex;
  justify-content: space-between;
  margin-left: 0.31rem;
}
.product .goods-specification .goods-spec {
  margin-top: 0.27rem;
}
.product .goods-specification .goods-spec .goods {
  color: #202121;
  font-size: 0.26rem;
}
.product .goods-specification .goods-spec .specification {
  color: #666666;
  font-size: 0.24rem;
}
.product .goods-specification .deal {
  margin-top: 0.35rem;
  margin-right: 0.3rem;
  color: #222222;
  font-size: 0.24rem;
}
.product .deal-price {
  display: flex;
  justify-content: space-between;
  line-height: 0.4rem;
  margin-left: 0.31rem;
  margin-right: 0.3rem;
  margin-bottom: 0.34rem;
}
.product .deal-price .ticket {
  color: #D7B093;
  font-size: 0.24rem;
}
.product .deal-price .reduction {
  color: #D7B093;
  font-size: 0.24rem;
}
.total {
  background-color: #fff;
}
.total .g-a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.1rem;
  border-bottom: 0.02rem #ececec dashed;
  margin-left: 0.28rem;
  margin-right: 0.33rem;
}
.total .g-a .goods-total {
  color: #666666;
  font-size: 0.22rem;
}
.total .g-a .actually .act {
  color: #666666;
  font-size: 0.24rem;
}
.total .g-a .actually .mon {
  color: #222222;
  font-size: 0.34rem;
}
.claim-code {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 4.95rem;
  background-color: #fff;
}
.claim-code .claim-QR {
  width: 4.6rem;
  height: 0.68rem;
  background: #f2ebe6;
  border-radius: 0.34rem;
  margin-top: 0.42rem;
  margin-bottom: 0.42rem;
  text-align: center;
}
.claim-code .claim-QR p {
  line-height: 0.68rem;
  text-align: center;
  color: #BC9A81;
  font-size: 0.3rem;
}
.claim-code .QRcode {
  text-align: center;
  border: 0.01rem solid #e8e8e8;
}
.claim-code .QRcode img {
  margin: 0.12rem;
  width: 2.64rem;
  height: 2.64rem;
}
.order-time {
  color: #666666;
  font-size: 0.24rem;
  height: 0.9rem;
  margin-top: 0.16rem;
  background-color: #fff;
  line-height: 0.9rem;
  margin-bottom: 0.96rem;
  padding-left: 0.28rem;
}
